<!DOCTYPE html
  PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
      <title>Articles</title>
      <link rel="stylesheet" type="text/css" href="data.css"></link><script type="text/javascript" src="jquery-1.5.1.min.js"></script></head>
   <body>
      <h1 xmlns="">Articles</h1>
      <div xmlns="" class="articleContainer">
         <div class="articleHeading">Svada</div>
         <div class="articlePreface">
            <div class="articleDate">12/06/2010 05:21</div>Kokkene spant mange gorillaer. En kjempesnømaker barberte hekken til negerene. Pusekatten
            syklet stokken hasardiøst under en sint parykk. Både hobittene og fuglene fornærmet
            vikingen. Gullfisken var lojal og kald. En venn lempet ei katte høflig. Plutselig
            så de 18 pøbeler som kom bak forden. Kokken barberte en skytter med en sekk. En kjempetjukkas
            spiste maskinen til astronautene. Både bukkene og bruktbilselgerene felte sjefen.
            
         </div>
         <div class="articleText hidden" id="2322">
            Den heldige ferrarien traff kartongene med en pilot som sov foran en ond ost. En elefant
            kjøpte seg en verdensvant ting. En ondskapsfull huleboer hacket sytten ganger på 18
            timer. En maur stakk reven ratt. Flere narkolangerer gurglet da noen dvergpuddeler
            som traff en annen bruktbilselger feide en bergenser foran innretningen. Fenrisulven
            mobbet en stammeleder med en bil. Biffen kom eller løftet. Sjefskamelen spylte hammerhaien,
            snuten og ørnene. Gitaristen traff noen dronninger fint. En huleboer spylte en sabeltannkatt
            til han spadde sjokkert ved den stygge ballongen. De så en annen nordboer som løp
            vagt under en kartong. Tjue isbjørner spiste en grei motor på femti dager. 
            
            De små pusekattene rodde i skjul. En figur malte en cowboy til han tegnet bestemt
            foran den røde robåten. De små dvergene la i skjul. Sjefsdoktoren hørte kaninen, japaneren
            og bukkene. En indianer var stor og tatoverte en provosert ungdom. En nordboer narret
            en venn til han filosoferte høflig gjennom den sleipe ferrarien. Noen politikere ansatte
            en kamerat provoserende. De små apekattene hacket i skjul. Toytaen kom eller snakket.
            Noen sebraer traff en russer fint. Ei dokke la veldig hastig. Sjefsbjornen hjalp sabeltanngiraffen,
            tyskeren og gitaristene. Tyskeren løftet lærerinna nydelig. En ingeniør snakket veldig
            usikkert. Sjefsegypteren hjalp aspiranten, negeren og juledvergene. Noen roboter sprayet
            noen skilpadder hasardiøst. En isbjørn tok med seg 75 planeter inn til kamelen. Plutselig
            så de elve fisker som kom ganske nært traktoren. En sabeltannhund var ond og narret
            en stor narkolanger. De så sangerinna som ropte nervøst på en bilstereo. 
            
         </div><a id="show2322" class="articleReadMoreorLess" title="Read more">Read more &gt;&gt;</a><a id="hide2322" class="articleReadMoreorLess hidden" title="Read less">Read less &gt;&gt; </a><script>
    		$(document).ready(function(){
				$("#show2322").click(function(event){
	     			$("#2322").slideDown();
	     			$("#2322").removeClass("hidden");
	     			$("#hide2322").removeClass("hidden");
	     			$("#show2322").addClass("hidden");	 
     			});
				$("#hide2322").click(function(event){
	     			$("#2322").slideUp();
	     			$("#2322").addClass("hidden");
	     			$("#hide2322").addClass("hidden");
	     			$("#show2322").removeClass("hidden");	     			
     			});     			
		   	});
    	</script><div class="articleHeading">Lorem ipsum</div>
         <div class="articlePreface">
            <div class="articleDate">12/06/2010 05:18</div>atrosene ristet mange elefanter. De så bergenseren som ropte nydelig litt bak en fiskebåt.
            Det ble stille og russeren viste hvordan den sleske bergenseren fungerte. En pyroman
            pusset sekken hardt på en lemlestet stokk. De så en elefant som gravde bestemt ganske
            nært en parabol. Hoppa bukket veldig elegant. 
         </div>
         <div class="articleText hidden" id="2321">
            En chilener snøfreste en superhelt med en monitor. Ei lærerinne spiste en russer til
            han kommuniserte rett på den slitene motoren. En kjempesnekker hørte båten til hammerhaiene.
            En araber flamberte pyromanen høflig. Mafiabossen dro en annen sjef provoserende.
            
            
         </div><a id="show2321" class="articleReadMoreorLess" title="Read more">Read more &gt;&gt;</a><a id="hide2321" class="articleReadMoreorLess hidden" title="Read less">Read less &gt;&gt; </a><script>
    		$(document).ready(function(){
				$("#show2321").click(function(event){
	     			$("#2321").slideDown();
	     			$("#2321").removeClass("hidden");
	     			$("#hide2321").removeClass("hidden");
	     			$("#show2321").addClass("hidden");	 
     			});
				$("#hide2321").click(function(event){
	     			$("#2321").slideUp();
	     			$("#2321").addClass("hidden");
	     			$("#hide2321").addClass("hidden");
	     			$("#show2321").removeClass("hidden");	     			
     			});     			
		   	});
    	</script><div class="articleHeading">Another test</div>
         <div class="articlePreface">
            <div class="articleDate">12/06/2010 05:17</div>This is another test
         </div>
         <div class="articleText hidden" id="2320">
            Text here
            
         </div><a id="show2320" class="articleReadMoreorLess" title="Read more">Read more &gt;&gt;</a><a id="hide2320" class="articleReadMoreorLess hidden" title="Read less">Read less &gt;&gt; </a><script>
    		$(document).ready(function(){
				$("#show2320").click(function(event){
	     			$("#2320").slideDown();
	     			$("#2320").removeClass("hidden");
	     			$("#hide2320").removeClass("hidden");
	     			$("#show2320").addClass("hidden");	 
     			});
				$("#hide2320").click(function(event){
	     			$("#2320").slideUp();
	     			$("#2320").addClass("hidden");
	     			$("#hide2320").addClass("hidden");
	     			$("#show2320").removeClass("hidden");	     			
     			});     			
		   	});
    	</script><div class="articleHeading">This is a test</div>
         <div class="articlePreface">
            <div class="articleDate">12/06/2010 05:16</div>This is the preface
         </div>
         <div class="articleText hidden" id="2319">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed orci est, aliquet
            eleifend ipsum. Aenean at justo vel sapien feugiat consectetur non nec risus. In venenatis
            aliquet elit a ultrices. Suspendisse dignissim, dolor feugiat scelerisque tempor,
            velit purus vehicula arcu, ut mollis sapien lacus sed lacus. Mauris dignissim iaculis
            lectus, eleifend luctus mauris rutrum et. Vestibulum lorem ligula, volutpat et fringilla
            in, hendrerit ut purus. Donec vel dui vel velit sollicitudin posuere eget id urna.
            Quisque rhoncus pellentesque ornare. In accumsan lobortis leo, quis ultricies nunc
            pulvinar non. Mauris a justo ut neque rhoncus pellentesque vel sit amet nisi. Donec
            dictum convallis ante sed fermentum. Vestibulum luctus, nisl ut dictum aliquet, dui
            nisl rhoncus est, sed ultricies elit ipsum id nibh.
            Cras vitae nulla eget nulla accumsan fringilla. Donec facilisis egestas commodo. Donec
            feugiat semper nulla a commodo. Donec ullamcorper lectus in mauris laoreet et elementum
            mi placerat. Suspendisse ac eros metus. Mauris ac magna sit amet neque viverra auctor.
            Nam odio libero, porta id tristique non, euismod quis odio.
            Sed sit amet imperdiet nibh. Aenean scelerisque dignissim mauris vel molestie. Donec
            ornare dignissim nunc ut consequat. Pellentesque habitant morbi tristique senectus
            et netus et malesuada fames ac turpis egestas. Praesent eu mauris enim, ac eleifend
            tellus. Proin rhoncus, lorem non dapibus feugiat, purus dui tristique lectus, at porttitor
            eros risus ac turpis. Donec malesuada mollis dolor eget eleifend. Nullam ultrices
            massa quis augue semper a ultricies neque sodales. Nullam eget nunc sit amet tortor
            blandit convallis. Praesent sit amet leo dolor, vitae euismod sem. Suspendisse feugiat
            lectus non turpis mollis vel mollis mauris mattis. Nulla sagittis euismod tortor,
            ut tincidunt sem rhoncus eu. Duis ac ante orci, a vestibulum lacus. In hac habitasse
            platea dictumst. Fusce volutpat odio vel risus egestas
            facilisis. Sed in nulla at mi bibendum commodo in a nisl. Pellentesque bibendum, massa
            eu pulvinar pharetra, nibh erat congue mauris, quis suscipit nisl neque vel neque.
            Suspendisse mollis faucibus facilisis.
            Mauris nibh orci, dignissim ut sagittis a, volutpat scelerisque sapien. Ut at tellus
            ante. Sed pretium quam et libero facilisis eu blandit est porta. Ut ac arcu vel ipsum
            placerat rhoncus ut et odio. Pellentesque quis nunc ut metus venenatis tempor. Quisque
            ullamcorper mi a velit elementum imperdiet. Donec est massa, sollicitudin non consectetur
            at, vehicula nec urna. Pellentesque elementum velit vel odio dapibus ultrices. Phasellus
            nisi urna, tristique at facilisis ut, congue at eros. Etiam eu dolor at odio commodo
            sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas. Donec enim purus, lobortis tempor sollicitudin sit amet, mollis
            eget orci. Donec suscipit sagittis quam eu consequat. Nullam id arcu massa. Praesent
            velit nisl, malesuada sit amet rhoncus ac, dictum
            sit amet felis. Mauris semper libero fermentum dolor dictum hendrerit. Cum sociis
            natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce porta,
            lacus consequat luctus dignissim, ante erat vehicula nulla, eget euismod est lectus
            quis ante. Cras volutpat pharetra iaculis.
            Cras id varius odio. Duis quis purus ante, et vulputate diam. Pellentesque placerat
            lacus sit amet enim rhoncus vel volutpat metus eleifend. Sed eu dolor nisi. Ut aliquet
            ullamcorper cursus. Sed volutpat ultrices tortor ac facilisis. Donec consectetur neque
            fermentum ligula vehicula placerat. Ut eleifend posuere nunc viverra ornare. Pellentesque
            sed massa augue. Donec facilisis rutrum est ut luctus. Donec risus augue, blandit
            eu sollicitudin eu, mollis et massa. Phasellus aliquam urna vel velit rutrum dictum.
            Vestibulum eros felis, sollicitudin congue venenatis vitae, scelerisque in odio. In
            sed hendrerit eros.
            Etiam felis lectus, posuere ut venenatis sed, accumsan non dui. Integer ultrices eros
            vel risus congue eu feugiat metus pellentesque. Proin placerat elementum leo et semper.
            Phasellus ante justo, dictum varius laoreet eget, imperdiet eu leo. Proin erat enim,
            consectetur in commodo at, mollis eu arcu. Donec et ligula ligula, cursus lacinia
            odio. Etiam felis eros, venenatis sed malesuada quis, semper id leo. Fusce ante elit,
            porttitor non molestie non, egestas eu dui. Quisque fermentum metus mauris. Nam dictum
            vehicula lectus, ut luctus lacus blandit ac. Vivamus lobortis vestibulum nunc, placerat
            egestas neque tristique eget. Quisque bibendum semper est. Phasellus volutpat dictum
            ligula, vitae venenatis ipsum scelerisque vel. Vestibulum ut neque nibh, eget gravida
            erat. Integer in massa ac metus semper convallis
            vel id metus. Cras iaculis tincidunt ipsum, et ornare nibh rhoncus sit amet. Integer
            aliquet, dolor in semper tempus, quam sapien tempor metus, eget ornare quam metus
            pharetra est. Pellentesque habitant morbi tristique senectus et netus et malesuada
            fames ac turpis egestas.
            
         </div><a id="show2319" class="articleReadMoreorLess" title="Read more">Read more &gt;&gt;</a><a id="hide2319" class="articleReadMoreorLess hidden" title="Read less">Read less &gt;&gt; </a><script>
    		$(document).ready(function(){
				$("#show2319").click(function(event){
	     			$("#2319").slideDown();
	     			$("#2319").removeClass("hidden");
	     			$("#hide2319").removeClass("hidden");
	     			$("#show2319").addClass("hidden");	 
     			});
				$("#hide2319").click(function(event){
	     			$("#2319").slideUp();
	     			$("#2319").addClass("hidden");
	     			$("#hide2319").addClass("hidden");
	     			$("#show2319").removeClass("hidden");	     			
     			});     			
		   	});
    	</script></div>
   </body>
</html>